<!DOCTYPE html>
<head>
   <meta charset="UTF-8">
   <title>登陆</title>
    <script language="javascript" src='ajax.js'/>
    <script type="text/javascript">
      http.ajax({
             url: url,
             type: 'POST',
             data: {usr: document.getElementById(), pwd: document.getElementById()}, //或 data: 'name=哈哈&age=12',
             headers: {
                  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
              },
             beforeSend: (xhr) => {
                         console.log('request show loading...');
              },
              success: function (result, status, xhr) {
                        console.log('request success...');
               },
               error: (xhr, status, error) => {
                    console.log('request error...');
               },
               complete: (xhr, status) => {
                  console.log('request hide loading...');
              }
         });
   </script>
</head>
<body>
<form action="/login" method="post">
用户名：<input type="text" id ="txt" name="usr_txt" value="请输入用户名称"/></br>
密&nbsp&nbsp&nbsp码：<input type="password" id = "pwd" name="usr_pwd"/></br>
<input type="submit" id ="login_btn" value="登陆"  name="log_btn" onclick=""/></br>
<input type="submit" id ="login_btn" value="邮箱&nbsp&nbsp&nbsp登陆"  name="log_btn" onclick=""/></br>
<input type="submit" id ="login_btn" value="手机号登陆"  name="log_btn" onclick=""/></br>
<a href ="#/register">婚姻登记</a>
</form>
</body>
</html>